<%@ page language="java" pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<%@ taglib prefix="product" tagdir="/WEB-INF/tags/product"%>
<%@ taglib prefix="order" tagdir="/WEB-INF/tags/order"%>

<div class="settings_wrap" id="customerAndProductDiv">
	<div class="top clearfix">
		<h3>
			<fmt:message key="salesOrder.addPanel.process.step1" />
		</h3>
	</div>
	<table width="100%" border="0" cellspacing="0" cellpadding="0">
		<tr>
			<td style="vertical-align:top;">
				<div class="content">
					<div class="box_04">
						<div class="cnt">
							<div class="top">
								<fmt:message key="salesOrder.addPanel.process.product4Add" />
							</div>
							<table width="100%" border="0" cellspacing="0" cellpadding="0" class="list_table" id="productSkuTable" height="60px;">
								<tr>
									<th width="80px;"><fmt:message key="orderSku.image"/></th>
									<th width="100px;"><fmt:message key="productSku.productSkuCode"/></th>		    
									<th><fmt:message key="orderSku.productSku"/></th>		    
									<th width="100px"><fmt:message key="orderSku.quantity"/></th>	  
									<th width="80px">
										<a href="javascript:void(0)" onclick="showDialogOfproductSkuSelector()" class="none"><span class="add_prod"></span><fmt:message key="salesOrder.editPanel.process.product4Add"/></a>
									</th>  
								</tr>
								<tr id="addHint">
									<td colspan="5" align="center"><font color="green"><b><a href="javascript:void(0)" onclick="showDialogOfproductSkuSelector()"><fmt:message key="salesOrder.addPanel.product.plsAddProduct"/></a></b></font></td>
								</tr>
							</table>
						</div>
					</div>
				</div>
			</td>
			<td style="vertical-align:top;width:10px;">
			</td>
			<td style="vertical-align:top;width:30%;">
				<div class="content" >
					<div class="box_04">
						<div class="cnt">
							<div class="top">
								<fmt:message key="salesOrder.addPanel.process.customer4Add" />
							</div>
							<table width="100%" border="0" cellspacing="0" cellpadding="0" class="settings_table1"  height="60px;">
								<tr>
									<th width="100"><fmt:message key="salesOrder.addPanel.process.customer4Add" />(<span class="red">*</span>):</th>
									<td>
										<input type="hidden" id="customerId" name="customerId" value=""/>
										<input type="button" id="ok" class="btn2" value="<fmt:message key="salesOrder.addPanel.botton.choose"/>" onclick="showDialogOfcustomerSelector();"/>
										&nbsp;&nbsp;&nbsp;
										<c:if test="${appConfig.isAnonymousCheckoutEnabled}">
											<input type="checkbox" id="useAnonymous" value="1" onclick="toggleUseAnonymous(this)" /><fmt:message key="salesOrder.addPanel.process.useAnonymous"/>
										</c:if>
										
									</td>
								</tr>
							</table>
							<div id="customerDetail"></div>
						</div>
					</div>
				</div>
			</td>
		</tr>
		<tr>
			<td colspan="3" >
				<br/>
				<span class="r">
					<a href="javascript:void(0)" onclick="showOrderInfo(this)" class="btn_next1" style="align:right"></a>
				</span>
			</td>
		</tr>
	</table>
</div>